/*css reset*/
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1 "微软雅黑",tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal; line-height: 100%;}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none; color: #666;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select{font-size:100%;}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align: top; border: none;}
input,button,textarea{border: none; outline: none; background: none; resize: none;}
select{outline: none;}
button{cursor: pointer;}

/*通用样式*/
body{margin: 0; padding: 0;}
html,body{width: 100%; height: 100%;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}


/*Login*/
.login-page{width: 100%; min-height: 700px; height: 100%; background: url(../image/loginBg.png) no-repeat; background-size: 100% 100%;}
.login-box{width: 420px; position: absolute; margin-left: -210px; margin-top: -250px; left: 50%; top: 40%; overflow: hidden;}
.logo{height: 50px;}
.logo h2{font-size: 32px; color: #FFF; margin-top: 19px; padding-left: 22px; border-left: 2px solid #FFF;}
.logo img{height: 50px; padding-right: 22px;}

.login-box .title{width: 80px; margin: 0 auto; padding-top: 40px; text-align: center; padding-bottom: 8px; border-bottom: 2px solid #00a0e9; font-size: 16px; color: #00a0e9;}
.login-box div.wrap{width: 100%; height: 350px; color: #FFF; position: absolute; top: 127px; left: 0;}
.login-box .border{position: relative; top: 26px; left: -50px;}
.login-box div.wrap .dot{position: absolute; top: -35px; left: -150px; animation: move 5s linear infinite alternate;}
.login-box ul{margin: 0 auto; width: 300px;}
.login-box li{width: 100%; line-height: 42px; margin-top: 32px; background: rgba(0,0,0,.1); position: relative;}
.login-box li img{padding: 11px 0 0 12px;}
/*.login-box li input{background: none; border: none; outline: none; box-shadow: none;}
.login-box li input[type="text"]:focus{outline: none; border: none; box-shadow: none;}*/
.login-box li input{color: #FFF; padding-left: 18px; width: 60%;}
input::-webkit-input-placeholder{color: #FFF;}

.login-box li:after{display: block; content: ''; width: 20px; height: 20px; position: absolute;right: 18px; margin-top: -10px; top: 50%; background: url(../image/input_20px_clear.png); background-size: 100% 100%;}
.login-box li i{display: block; width: 20px; height: 20px; position: absolute; right: 18px; margin-top: -10px; top: 50%; z-index: 10; cursor: pointer;}
.login-box .last:after{background-image: url(../image/input_20px_eyes.png);}
.login-box button{display: block; width: 300px; height: 48px; color: #FFFFFF; font-size: 20px; background: #00a0e9; margin: 40px auto 0;}
.login-box .tip{width: 300px; margin: 15px auto 0; color: #FFF;}
